/** Add css rules here for your application. */


/** Begin attributes created for web-troop-manager */

/** Style for all buttons */
.gwt-Button {
	background-color: #acd1e9;
	boder: 1px solid black;
	border-radius: 3px;
}

/** Style for the outer container for all views */
div.container {
	position: relative;
	width: 530px;
	height: 530px;
	border: 2px solid black;
	background-color: #f5fafa;
}

/** The title bar at the top of each view */
.titleBar {
	background-color: #005696;
	color: #FFFFFF;
	font-size: 24px;
}




/** ---  Begin form-type view styls --- */
/** A form-type view, like EditPerson, uses a list of form items */
.formList {
	list-style: none;
	float: left;
	clear: left;
	width: 100%;
	
}

div.formItem {
	background-color: #acd1e9;
	margin: 2px;	
	float: left;
	clear: left;
	width: 100%;
}

/** Each form item is made up of a label and a control */
.formLabel {
	float: left;
	width: 140px;

}

.formControl {

}

/** --- End form-type view styles --- */

/** --- Begin list-type view styles --- */
/** A list-type view has an ara on the right for a list of items, */
/** an area on the left containing buttons that act on items in the list, */
/** and a status line at the bottom */

/** The buttonArea contains a buttonList of buttonListItems */

.buttonArea {
	float: left;
	clear: left;
	width: 30%;
}

.buttonList {
	list-style: none;
	padding-right: 4px;
}

.buttonListItem {
	margin-bottom: 10px;
}


/** The listArea contains a listScroller. */
/** The listArea is positional, the listScorller is a scrollPanel, the listControl is the cellList */
.listArea {
	float: right;
	clear: right;
	width: 70%;
}

.listScroller {
	border: 2px solid black;
	margin: 10px;
}

.listControl {
	width: 292px;
	height: 480px;
}	

/** The statusArea contains a statusLabel */
.statusArea {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.statusLabel {
}

